wow.js & animate.css

发表于 | 分类于 |
字数统计: 109 字 | 阅读时长 ≈ 1 分钟

如何实现随着滚动条滚动加载动画呢？

使用wow.js 和animate.css即可实现随滚动条加载酷炫动画

  • 引入js和css
1
2
3
4
5
6
<link rel="stylesheet" href="css/animate.css">

<script src="js/wow.min.js"></script>
<script>
  new WOW().init();
</script>
  • 在类名加入 wow 和喜欢的动画效果名字
1
2
3
<div class="wow bounceInUp">
  Content to Reveal Here
</div>